<template>
  <div class="he">
    <div class="title">
      <!--      <div>12312313</div>-->
      <slot name="title"></slot>
    </div>
    <div class="box">
      <slot name="box"></slot>
    </div>
  </div>

</template>

<script>
export default {
  name: 'Box'
}
</script>

<style scoped>
.title{
  /*height: 40px;*/
  /*border-bottom: 1px solid silver;*/
  display: flex;
  font-size: 15px!important;
  align-items: center;
}
.he{
  width: 100%;
  /*height: 100px;*/
  background-color: white;
  box-sizing: border-box;
  /*margin: 20px;*/
  margin: 20px 0;
  border-radius: .2rem;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.box{
  padding: 15px;
}
</style>
